<template>
  <div class="createPost-container">
    <!-- 通过infoloading控制页面每次getData时重新生成form，解决富文本编辑器无法编辑的bug -->
    <!-- <el-tabs v-model="activeName">
      <el-tab-pane label="总报告" name="tabLazc"> -->
    <step-1 :infoid="infoid" read-only="true" :timestamp="timestamp" />
    <!-- </el-tab-pane>
    </el-tabs> -->

  </div>
</template>

<script>
import step1 from './step1.vue'

export default {
  name: 'ArticleDetail',
  components: { step1 },
  data() {
    return {
      infoid: '',
      timestamp: ''
    }
  },
  mounted() {
    this.infoid = this.$route.params.id
    this.timestamp = new Date().getTime()
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
@import "~@/styles/mixin.scss";

.createPost-container {
  position: relative;

  .createPost-main-container {
    // padding: 40px 45px 20px 50px;

    .postInfo-container {
      position: relative;
      @include clearfix;
      margin-bottom: 10px;

      .postInfo-container-item {
        float: left;
      }
    }
  }

  .word-counter {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 0px;
  }
}

.article-textarea ::v-deep {
  textarea {
    padding-right: 40px;
    resize: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bfcbd9;
  }
}
</style>
